<template>
  <h1>Child</h1>
</template>

<script lang="ts">
export default {
  name: "Child",
  beforeCreate() {
    console.log("Child beforeCreate 7");
  },
  created() {
    console.log("Child created 8");
  },
  beforeMount() {
    console.log("Child beforeMount 9");
  },
  mounted() {
    console.log("Child mounted 10");
  },
  beforeUpdate() {
    console.log("Child beforeUpdate");
  },
  updated() {
    console.log("Child updated");
  },
  beforeUnmount() {
    console.log("Child beforeUnmount");
  },
  unmounted() {
    console.log("Child unmounted");
  },
};
</script>

<style scoped></style>
